import { StyleSheet } from 'react-native';
import { phonePx } from '../../../../util/adapt';
import { CARD_HEIGHT, CARD_WIDTH } from '../../constant';

export default StyleSheet.create({
  content: {
    position: 'absolute',
    left: 0,
    width: CARD_WIDTH,
    height: CARD_HEIGHT,
    backgroundColor: 'transparent',
    alignItems: 'center',
    justifyContent: 'center'
  },
  container: {
    width: phonePx(102),
    height: phonePx(102),
    alignItems: 'center',
    borderRadius: phonePx(12),
    backgroundColor: 'rgba(42, 42, 42, 0.8)'
  },
  icon: {
    width: phonePx(18),
    height: phonePx(27),
    marginTop: phonePx(28)
  },
  closeIcon: {
    width: phonePx(20),
    height: phonePx(27),
    marginTop: phonePx(28)
  },
  desc: {
    marginTop: phonePx(18),
    fontSize: phonePx(12),
    lineHeight: phonePx(17),
    fontWeight: '500',
    color: '#ffffff'
  }
});
